<template>
    <view>
        <view class="box">
            <view class="textg"><text>过磅方式</text></view>
            <view class="textg" v-if="list.length > 0">
                <wselect v-model='chooseType' :list='list' valueName='name' @change='changeType'>
                </wselect>
            </view>
            <block v-if="chooseType == 3 && handle_type !=2">
                <view class="textg"><text>调拨站点</text></view>
                <view class="textg" v-if="serviceList.length > 0">
                    <wselect v-model='choose_service_name' :list='serviceList' valueName='service_name' @change='changeService'>
                    </wselect>
                </view>
            </block>
            <!-- 原料库 -->
            <block v-if="house_id == 1">
                <!-- 出库 和 退回 都不需要内部调拨-->
                <block v-if="([1,3]).indexOf(parseInt(handle_type))  > -1">
                    <view class="textg"><text>已添加物品</text></view>
                    <view class="usergoods">
                        <addgood v-for="(item, index) in data.wp" :index="index" :wp="item" :key="item"
                            @wpDelete="wpDelete" @showEdit="showEdit(item, index)"></addgood>
                    </view>
                    <view class="add_product">
                        <button @click="isShowadd_pro">
                            <image src="/static/img/myhome/add@3x.png"></image>
                            <text>继续添加</text>
                        </button>
                    </view>
                </block>
                <!-- 入库 -->
                <block v-if="handle_type == 2">
                    <block v-if="chooseType == 3">
                        <view v-for="(item,receiptIndex) in receipt_list" :key="receiptIndex">
                            <view class="boxson">
                                <!-- 头部区域 -->
                                <view style="display: flex;justify-content: space-between;justify-content: space-between;">
                                    <text>{{item.type_text}}</text>
                                    <text class="textget">{{item.weigh_type_text}}</text>
                                    <text>{{item.create_time}}</text>
                                </view>
                                <hr class="hr" />
                                <!-- 展示内容区域 -->
                                <view class="main">
                                    <block v-for="(recycledItem,recycledIndex) in item.recycled " :key ="recycledIndex"> 
                                        <u-table>
                                            <u-tr>
                                                <u-th>货品名称</u-th>
                                                <u-th>单价</u-th>
                                                <u-th>数量</u-th>
                                                <u-th>总价</u-th>
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.wp_name}}</u-td>
                                                <u-td>{{recycledItem.unit_price}}</u-td>
                                                <u-td>{{recycledItem.nums}}</u-td>
                                                <u-td>{{recycledItem.total_price}}</u-td>
                                            </u-tr>
                                            <u-tr>
                                                <u-th>毛重</u-th>
                                                <u-th>皮重</u-th>
                                                <u-th>净重</u-th>
                                                <u-th>需求</u-th>    
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.b_weigh}}</u-td>
                                                <u-td>{{recycledItem.a_weigh}}</u-td>
                                                <u-td>{{recycledItem.b_weigh - recycledItem.a_weigh}}</u-td>
                                                <u-td>{{recycledItem.need_nums}}</u-td>
                                            </u-tr>
                                            <u-tr>
                                                <u-th>毛重时间</u-th>
                                                <u-th>皮重时间</u-th>                                
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.b_time}}</u-td>
                                                <u-td>{{recycledItem.a_time}}</u-td>
                                            </u-tr>
                                        </u-table>
                                    </block>
                                </view>
                                <hr class="hr" />
                                <!-- 按钮区域 -->
                                <view class="button">
                                    <view  style="display: flex;justify-content: space-between;">
                                        <view style="display: flex;align-items: center;">
                                            <text class="datasum">发货单位: {{item.service.service_name}}</text>
                                        </view>
                                        <view style="display: flex;align-items: center;">
                                            <text class="datasum">收货单位: {{item.to_service ? item.to_service.service_name : ''}}</text>
                                        </view>
                                    </view>
                                    <view style="display: flex;justify-content: flex-end;margin-top: 20rpx;">
                                        <view style="display: flex;align-items: center;">
                                            <button class="oksetbutton" size="mini" @click.stop="toReceive(item.receipt_id)">接收</button>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </block>
                </block>
            </block>
            
            <!-- 成品库 -->
            <block v-if="house_id == 2">
                <!-- 出库 和 退回 都不需要内部调拨-->
                <block v-if="([1,3]).indexOf(parseInt(handle_type))  > -1">
                    <view class="textg"><text>已添加物品</text></view>
                    <view class="usergoods">
                        <addgood v-for="(item, index) in data.wp" :index="index" :wp="item" :key="item"
                            @wpDelete="wpDelete" @showEdit="showEdit(item, index)"></addgood>
                    </view>
                    <view class="add_product">
                        <button @click="isShowadd_pro">
                            <image src="/static/img/myhome/add@3x.png"></image>
                            <text>继续添加</text>
                        </button>
                    </view>
                </block>
                <!-- 入库 -->
                <block v-if="handle_type == 2">
                    <block v-if="chooseType == 3">
                        <view v-for="(item,receiptIndex) in receipt_list" :key="receiptIndex">
                            <view class="boxson">
                                <!-- 头部区域 -->
                                <view style="display: flex;justify-content: space-between;justify-content: space-between;">
                                    <text>{{item.type_text}}</text>
                                    <text class="textget">{{item.weigh_type_text}}</text>
                                    <text>{{item.create_time}}</text>
                                </view>
                                <hr class="hr" />
                                <!-- 展示内容区域 -->
                                <view class="main">
                                    <block v-for="(recycledItem,recycledIndex) in item.recycled " :key ="recycledIndex"> 
                                        <u-table>
                                            <u-tr>
                                                <u-th>货品名称</u-th>
                                                <u-th>单价</u-th>
                                                <u-th>数量</u-th>
                                                <u-th>总价</u-th>
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.wp_name}}</u-td>
                                                <u-td>{{recycledItem.unit_price}}</u-td>
                                                <u-td>{{recycledItem.nums}}</u-td>
                                                <u-td>{{recycledItem.total_price}}</u-td>
                                            </u-tr>
                                            <u-tr>
                                                <u-th>毛重</u-th>
                                                <u-th>皮重</u-th>
                                                <u-th>净重</u-th>
                                                <u-th>需求</u-th>    
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.b_weigh}}</u-td>
                                                <u-td>{{recycledItem.a_weigh}}</u-td>
                                                <u-td>{{recycledItem.b_weigh - recycledItem.a_weigh}}</u-td>
                                                <u-td>{{recycledItem.need_nums}}</u-td>
                                            </u-tr>
                                            <u-tr>
                                                <u-th>毛重时间</u-th>
                                                <u-th>皮重时间</u-th>                                
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.b_time}}</u-td>
                                                <u-td>{{recycledItem.a_time}}</u-td>
                                            </u-tr>
                                        </u-table>
                                    </block>
                                </view>
                                <hr class="hr" />
                                <!-- 按钮区域 -->
                                <view class="button">
                                    <view  style="display: flex;justify-content: space-between;">
                                        <view style="display: flex;align-items: center;">
                                            <text class="datasum">发货单位: {{item.service.service_name}}</text>
                                        </view>
                                        <view style="display: flex;align-items: center;">
                                            <text class="datasum">收货单位: {{item.to_service ? item.to_service.service_name : ''}}</text>
                                        </view>
                                    </view>
                                    <view style="display: flex;justify-content: flex-end;margin-top: 20rpx;">
                                        <view style="display: flex;align-items: center;">
                                            <button class="oksetbutton" size="mini" @click.stop="toReceive(item.receipt_id)">接收</button>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </block>
                    <block v-else>
                        <view class="textg"><text>已添加物品</text></view>
                        <view class="usergoods">
                            <addgood v-for="(item, index) in data.wp" :index="index" :wp="item" :key="item"
                                @wpDelete="wpDelete" @showEdit="showEdit(item, index)"></addgood>
                        </view>
                        <view class="add_product">
                            <button @click="isShowadd_pro">
                                <image src="/static/img/myhome/add@3x.png"></image>
                                <text>继续添加</text>
                            </button>
                        </view>
                    </block>
                </block>
            </block>
            <!-- 废品库 -->
            <block v-if="house_id == 3">
                <!-- 出库 和 退回 都不需要内部调拨-->
                <block v-if="([1,3]).indexOf(parseInt(handle_type))  > -1">
                    <view class="textg"><text>已添加物品</text></view>
                    <view class="usergoods">
                        <addgood v-for="(item, index) in data.wp" :index="index" :wp="item" :key="item"
                            @wpDelete="wpDelete" @showEdit="showEdit(item, index)"></addgood>
                    </view>
                    <view class="add_product">
                        <button @click="isShowadd_pro">
                            <image src="/static/img/myhome/add@3x.png"></image>
                            <text>继续添加</text>
                        </button>
                    </view>
                </block>
                <!-- 入库 -->
                <block v-if="handle_type == 2">
                    <block v-if="chooseType == 3">
                        <view v-for="(item,receiptIndex) in receipt_list" :key="receiptIndex">
                            <view class="boxson">
                                <!-- 头部区域 -->
                                <view style="display: flex;justify-content: space-between;justify-content: space-between;">
                                    <text>{{item.type_text}}</text>
                                    <text class="textget">{{item.weigh_type_text}}</text>
                                    <text>{{item.create_time}}</text>
                                </view>
                                <hr class="hr" />
                                <!-- 展示内容区域 -->
                                <view class="main">
                                    <block v-for="(recycledItem,recycledIndex) in item.recycled " :key ="recycledIndex"> 
                                        <u-table>
                                            <u-tr>
                                                <u-th>货品名称</u-th>
                                                <u-th>单价</u-th>
                                                <u-th>数量</u-th>
                                                <u-th>总价</u-th>
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.wp_name}}</u-td>
                                                <u-td>{{recycledItem.unit_price}}</u-td>
                                                <u-td>{{recycledItem.nums}}</u-td>
                                                <u-td>{{recycledItem.total_price}}</u-td>
                                            </u-tr>
                                            <u-tr>
                                                <u-th>毛重</u-th>
                                                <u-th>皮重</u-th>
                                                <u-th>净重</u-th>
                                                <u-th>需求</u-th>    
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.b_weigh}}</u-td>
                                                <u-td>{{recycledItem.a_weigh}}</u-td>
                                                <u-td>{{recycledItem.b_weigh - recycledItem.a_weigh}}</u-td>
                                                <u-td>{{recycledItem.need_nums}}</u-td>
                                            </u-tr>
                                            <u-tr>
                                                <u-th>毛重时间</u-th>
                                                <u-th>皮重时间</u-th>                                
                                            </u-tr>
                                            <u-tr>
                                                <u-td>{{recycledItem.b_time}}</u-td>
                                                <u-td>{{recycledItem.a_time}}</u-td>
                                            </u-tr>
                                        </u-table>
                                    </block>
                                </view>
                                <hr class="hr" />
                                <!-- 按钮区域 -->
                                <view class="button">
                                    <view  style="display: flex;justify-content: space-between;">
                                        <view style="display: flex;align-items: center;">
                                            <text class="datasum">发货单位: {{item.service.service_name}}</text>
                                        </view>
                                        <view style="display: flex;align-items: center;">
                                            <text class="datasum">收货单位: {{item.to_service ? item.to_service.service_name : ''}}</text>
                                        </view>
                                    </view>
                                    <view style="display: flex;justify-content: flex-end;margin-top: 20rpx;">
                                        <view style="display: flex;align-items: center;">
                                            <button class="oksetbutton" size="mini" @click.stop="toReceive(item.receipt_id)">接收</button>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </block>
                    <block v-else>
                        <view class="textg"><text>已添加物品</text></view>
                        <view class="usergoods">
                            <addgood v-for="(item, index) in data.wp" :index="index" :wp="item" :key="item"
                                @wpDelete="wpDelete" @showEdit="showEdit(item, index)"></addgood>
                        </view>
                        <view class="add_product">
                            <button @click="isShowadd_pro">
                                <image src="/static/img/myhome/add@3x.png"></image>
                                <text>继续添加</text>
                            </button>
                        </view>
                    </block>
                </block>
            </block>
            
        </view>
        <!-- 展示继续添加商品弹窗 s -->
        <u-popup v-model="isShow" mode="bottom">
            <addprods :prevWeight="aWeight" :prevTime="bTime" @myEven="change" @closewin="colse" ref="popupAdd">
            </addprods>
        </u-popup>
        <!-- 展示编辑商品弹窗 s -->
        <u-popup v-model="isShowEdit" mode="bottom">
            <editgood :wps="data.wp" :datas="null" @myEven="changeEdit" @closewin="colseEdit" ref="popupEdit"></editgood>
        </u-popup>
        <view class="footer">
            <view style="display: flex;justify-content: space-between;align-items: center;">
                <view>
                    <view style="line-height: 40rpx;font-size: 30rpx;font-weight: bold;">{{title}}</view>
                </view>
                <view class="sub">
                    <view v-if="handle_type == 2 && chooseType == 3" style="line-height: 40rpx;font-size: 30rpx;font-weight: bold;">请在上面选择接收</view>
                    <button v-else @click="post"><i>提交</i></button>
                    
                    <!-- 如果是 内部调货入库隐藏 -->
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    import addprods from './add_product.vue';
    import editgood from './edit_product.vue';
    import Addgood from './goods_item.vue';
    import wselect from "../../components/w-select/w-select.vue";
    export default {
        components: {
            addprods,
            editgood,
            Addgood,
            wselect
        },
        data() {
            return {
                chooseType: "",
                choose_service_name:"",
                list: [],
                serviceList:[],
                userInfo: null,
                isShow: false,
                isShowEdit: false,
                isShowMobile: false,
                data: {
                    wp: []
                },
                buttonseletct: '',
                vuserList: [],
                isHsType: 1,
                selectShow: false,
                selectText: null,
                aWeight: '',
                password: '',
                popupShow: false,
                is_edit_price: 0,
                handle_type: 1,
                bTime: null,
                house_id: 1,
                defaultType: '其他过磅',
                title: '',
                to_service_id:0,
                receipt_list:[]
            };
        },
        onLoad(e) {
            if (e.handle_type) {
                this.handle_type = e.handle_type
            }
            if (e.house_id) {
                this.house_id = e.house_id
            }
            this.list = uni.getStorageSync('weigh_type')
            this.serviceList = uni.getStorageSync('service_init').service_point
            
            if (this.handle_type == 1) {
                this.title = e.title +'出库'
            }
            if (this.handle_type == 2) {
                this.title = e.title +'入库'
            }
            if (this.handle_type == 3) {
                this.title = e.title +'退回'
            }
            
            uni.setNavigationBarTitle({
                title: this.title
            });
            this._getInfo()
            this._getServiceInReceipt()
			this._getwptypelist()
        },
        computed: {
            // 计算累计金额
            amount() {
                let total = 0;
                if (this.$u.test.isEmpty(this.data.wp)) {
                    return;
                }
                this.data.wp.forEach((item, index) => {
                    if (item.total_price > 0) {
                        total += Number(item.total_price);
                    }
                });
                return total.toFixed(2);
            }
        },
        methods: {
            // 用户信息api
            _getInfo() {
                this.$u.api.getInfo().then(res => {
                    this.userInfo = res;
                    this.is_edit_price = res.is_edit_price
                    this._getwptypelist(res.service_id)
                })
            },
            _getServiceInReceipt(){
                this.$u.api.getServiceInReceipt({house_id:this.house_id}).then(res => {
                    this.receipt_list = res
                })
            },
            _getwptypelist(service_id) {
                this.$u.api.getnewwptypelist({
                    service_id: service_id
                }).then(res => {
                    res.forEach((item, index) => {
                        item.plist.forEach((it, idx) => {
                            return it.extra = it.u_price + ',' + it.unit
                        })
                    })
                    uni.setStorageSync('setWptypeList', res)
                })
            },
            changeType(e) {
                this.chooseType = e.value
            },
            changeService(e){
                this.to_service_id = e.id
                this.choose_service_name = e.service_name
            },

            post() {
                var that = this;
                if (that.$u.test.isEmpty(that.data.wp)) {
                    uni.showToast({
                        title: '请添加至少一项物品',
                        duration: 1000,
                        icon: 'none'
                    });
                    return;
                }
                that._postServiceReceiptAdd();
            },
            _postServiceReceiptAdd() {
                // uni.showLoading({
                //     title: '加载中'
                // });
				var that = this;
				uni.showModal({
					title: '提示',
					content: '是否确定要提交出库',
					showCancel: true,
					success: function(res) {
						uni.showLoading({
						    title: '加载中'
						});
					that.$u.api.addServiceReceipt({
						wp: that.data.wp,
						handle_type: that.handle_type,
						house_id: that.house_id,
						weigh_type:that.chooseType,
						to_service_id:that.to_service_id
					}).then(res => {
						uni.hideLoading();
						uni.showToast({
							title:that.title+'成功',
							icon:'none'
						})
						setTimeout(() => {
							uni.navigateBack({
								delta: 1
							});
						}, 2500)
					}).catch(err => {
						uni.hideLoading();
						uni.showToast({
							title: err.msg,
							duration: 1000,
							icon: 'none'
						});
					});
					}
				});
	
            },
            // 弹窗
            isShowadd_pro() {
                this.isShow = true;
				this.$refs.popupAdd.getNewWptypelist();
                if (this.isHsType == 1) {
                    console.log(this.$refs.popupAdd);
					this.$refs.popupAdd.handPriceDisabled();
                    this.$refs.popupAdd.prevWeight(this.aWeight);
                    // this.$refs.popupAdd.prevTime(this.bTime);
                    //20221118
                    // this.$refs.popupAdd.getTweight();
                    let PriceDisabled = this.is_edit_price == 1 ? false : true
                    this.$refs.popupAdd.setPriceDisabled(PriceDisabled);
                }
            },
            // 将子组件的数据 push 进 数组中
            change(options) {
                this.aWeight = options.a_weigh
                this.bTime = options.a_time
                this.data.wp.push(options);
                this.isShow = false;
            },
            colse() {
                this.isShow = false;
            },
            showEdit(item, index) {
                let isGetWeight = 1; //是否获取重量
                // this.$refs.popupEdit.cre(item, index, isGetWeight);
                this.isShowEdit = true;
                let PriceDisabled = this.is_edit_price == 1 ? false : true
				
				if (this.isHsType == 1) {
					this.$refs.popupEdit.handPriceDisabled();
					this.$refs.popupEdit.setTypeName(item.wp_name);
				}
				this.$refs.popupEdit.getNewWptypelist();
				this.$refs.popupEdit.setItemIndex(index);
                this.$refs.popupEdit.setPriceDisabled(PriceDisabled);
            },
            wpDelete(index) {
                this.data.wp.splice(index, 1);
                this.aWeight = this.data.wp[this.data.wp.length - 1].a_weigh
                this.bTime = this.data.wp[this.data.wp.length - 1].a_time
            },
            // 将子组件的数据 push 进 数组中
            changeEdit(data) {
				this.$set(this.data.wp, data.datas, data.wpp)
                this.isShowEdit = false;
            },
            colseEdit() {
                this.isShowEdit = false;
            },
            toReceive(id){
                uni.navigateTo({
                    url:'/homepage/Test/Home/myhome/service/transfer?transfer_id='+id
                })
            }
        }
    };
</script>

<style lang="scss" scoped>
    .cover_view {
        height: 300rpx;
        background-color: pink;
    }

    .box {
        padding: 30rpx;
        // background-color: #eee;
        // min-height: 1500rpx;
    }

    .textg {
        font-size: 32rpx;
        line-height: 38rpx;
        color: #2d3945;
        margin: 30rpx 0 30rpx 30rpx;
    }

    span {
        font-size: 28rpx;
        line-height: 48rpx;
        color: #666666;
        margin-left: 30rpx;
    }

    .userphone {
        background-color: #ffffff;
        border-radius: 20rpx;
        padding-left: 30rpx;
        line-height: 98rpx;
        margin-bottom: 30rpx;

        button {
            background-color: #2b85e4;
            color: #ffffff;
            transform: scale(0.8);
        }

        view:nth-child(1) {
            border-bottom: 1px solid #eeeeee;
            flex-grow: 1;
        }

        view {
            display: flex;
            align-items: center;

            input {
                padding-left: 30rpx;
            }
        }
    }

    .useraddress {
        height: 196rpx;
        background-color: #ffffff;
        border-radius: 20rpx;
        padding: 0 30rpx;
        line-height: 98rpx;
        margin-bottom: 30rpx;

        view:nth-child(1) {
            border-bottom: 1px solid #eeeeee;
        }

        view {
            display: flex;
            align-items: center;

            input {
                padding-left: 30rpx;
            }
        }

        image {
            float: right;
            margin-top: 30rpx;
            width: 50rpx;
            height: 50rpx;
        }
    }

    .usertime {
        height: 308rpx;
        background-color: #ffffff;
        border-radius: 20rpx;
        padding: 0 30rpx;
        line-height: 98rpx;
        margin-bottom: 30rpx;

        picker {
            font-size: 28rpx;
            color: #666666;
            text-align: left;
            margin-left: 30rpx;
            flex: 1;
        }

        view:nth-child(1) {
            border-bottom: 1px solid #eeeeee;
            display: flex;
        }

        view:nth-child(2) {
            margin-top: 30rpx;
            display: flex;
            flex-wrap: wrap;
        }

        button {
            width: 190rpx;
            height: 70rpx;
            border-radius: 35rpx;
            background-color: #ffffff;
            border: solid 2rpx #f2f2f2;
            margin: 0 10rpx 10rpx 0;
        }

        i {
            font-size: 24rpx;
            line-height: 70rpx;
            color: #999999;
        }

        .selectButoom {
            background-color: #1bc078;
            // color: #ffffff;

            i {
                color: #ffffff;
            }
        }
    }

    .add_product {
        margin-bottom: 10vh;

        button {
            width: 570rpx;
            height: 98rpx;
            line-height: 98rpx;
            background-color: #ffffff;
            border-radius: 49rpx;
        }

        text {
            font-size: 28rpx;
            color: #1bc078;
        }

        image {
            margin-right: 20rpx;
            width: 24rpx;
            height: 24rpx;
        }
    }

    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10rpx 30rpx;
        background-color: #ffffff;
        padding-bottom: env(safe-area-inset-bottom);
        display: flex;
        flex-direction: column;

        text {
            font-size: 32rpx;
            color: #191919;
        }

        span {
            font-size: 32rpx;
            color: #ff4200;
            margin: 0 28rpx;
        }

        >button {
            position: absolute;
            left: 2%;
            top: -100%;
            border-radius: 999rpx;
            background-color: #f0ad4e;
            color: #fff;
            padding: 20rpx 30rpx;
        }

        .sub {
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: 5rpx;
            margin-bottom: 5rpx;

            button {
                width: 262rpx;
                height: 78rpx;
                background-color: #1bc078;
                border-radius: 39rpx;
                margin: 0;

                i {
                    font-size: 32rpx;
                    color: #ffffff;
                }
            }
        }
    }

    .showeditgood {
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 998;
    }
    
    .boxson {
        padding: 30rpx;
        font-size: 24rpx;
        color: #888888;
        background-color: #Fff;
        margin-bottom: 20rpx;
    }
    
    .hr {
        margin: 18rpx 0;
        height: 1rpx;
        background-color: #efeff0;
    }
    
    .main {
        position: relative;
    
        .img {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
            right: 0;
        }
    }
    
    .image {
        position: relative;
        top: 5rpx;
        left: 0rpx;
        width: 26rpx;
        height: 32rpx;
    }
    
    .down {
        width: 50rpx;
        height: 50rpx;
    }
    
    .call {
        position: absolute;
        right: 40rpx;
        height: 40rpx;
        background-color: #defbef;
        border-radius: 20rpx;
        font-size: 24rpx;
        color: #1bc078;
        line-height: 40rpx;
    }
    
    .setbutton {
        // position: absolute;
        // right: 30rpx;
        width: 163rpx;
        height: 60rpx;
        background-color: #ff4200;
        border-radius: 30rpx;
        line-height: 60rpx;
        color: #FFFFFF;
        font-size: 24rpx;
        margin: unset;
    }
    
    .editsetbutton {
        // position: absolute;
        // right: 200rpx;
        min-width: 163rpx;
        height: 60rpx;
        background-color: #ffffff;
        border-radius: 30rpx;
        border: solid 2rpx #0babe0;
        font-size: 24rpx;
        line-height: 60rpx;
        color: #0babe0;
    }
    
    .oksetbutton {
        // position: absolute;
        // right: 30rpx;
        min-width: 163rpx;
        height: 60rpx;
        background-color: #0babe0;
        border-radius: 30rpx;
        font-size: 24rpx;
        line-height: 60rpx;
        letter-spacing: 0rpx;
        color: #ffffff;
        margin-left: 30rpx;
    }
    
    p {
        margin-top: 20rpx;
    }
    
    .textget {
        float: right;
        color: #FF0000;
    }
    
    .textblue {
        color: #0babe0;
    }
    
    .texteee {
        color: #888888;
    }
    
    .datasum {
        // position: absolute;
        // right: 30rpx;
        // top: 0;
        margin-right: 40rpx;
    }
    
    .button {
        // margin-bottom: 30rpx;
    }
</style>
